/* uni-ui 组件样式覆盖 */

/* 按钮样式 */
button {
  &[type="primary"] {
    background-color: #ff5500;
    
    &[plain] {
      color: #ff5500;
      border: 1px solid #ff5500;
      background-color: transparent;
    }
    
    &[disabled] {
      opacity: 0.5;
    }
    
    &.button-mini {
      font-size: 24rpx;
      line-height: 1.8;
      padding: 0 20rpx;
      height: 60rpx;
    }
  }
  
  // 验证码按钮
  &.code-btn {
    height: 60rpx;
    line-height: 60rpx;
    font-size: 24rpx;
    color: #ff5500;
    border: 1px solid #ff5500;
    background-color: transparent;
    border-radius: 4rpx;
    padding: 0 20rpx;
    
    &[disabled] {
      opacity: 0.5;
      color: #999;
      border-color: #ddd;
    }
  }
}

/* 输入框样式 */
.uni-easyinput {
  .uni-easyinput__content {
    min-height: 70rpx;
    
    .uni-easyinput__placeholder-class {
      font-size: 28rpx;
    }
    
    .uni-input-input {
      font-size: 28rpx;
    }
  }
  
  &.without-border {
    .uni-easyinput__content {
      border: none;
    }
  }
}

/* 图标样式 */
.uni-icons {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  
  // 点击区域增大
  &.clickable {
    padding: 10rpx;
  }
}

/* 分隔线样式 */
.divider {
  height: 1rpx;
  background-color: #eee;
  margin: 20rpx 0;
}

/* 表单项样式 */
.form-item {
  display: flex;
  align-items: center;
  padding: 20rpx 0;
  
  .label {
    width: 180rpx;
    font-size: 28rpx;
    color: #333;
  }
  
  .input-wrapper {
    flex: 1;
  }
  
  .code-input {
    flex: 1;
    display: flex;
    align-items: center;
    
    .uni-easyinput {
      flex: 1;
      margin-right: 20rpx;
    }
  }
} 